import { computed, onUnmounted, ref } from "vue"
import dayjs from "dayjs"
export const useCountDown = () => {
  // 响应式数据
  let timer = null
  const time = ref(0)
  // 格式化时间
  const formaTime = computed (()=> dayjs.unix(time.value).format('mm分ss秒'))
  // 开启倒计时函数
  const start = (currentTime) => {
    // 开始倒计时的逻辑
    // 核心逻辑的编写：每隔1s就减一
    time.value = currentTime
    timer = setInterval(() => {
      time.value--
    }, 1000)
  }
  onUnmounted(()=>{
    timer && clearInterval(timer)
  })
  return {
    formaTime,
    start
  }
}